import Vue from 'vue';
import Router from 'vue-router';
import page1 from '@/views/page1';
import page2 from '@/views/page2';
import page3 from '@/views/page3';
// import index from '@/views/index';
// import p1 from '@/views/page/page1/page1';
// import p2 from '@/views/page/page2/page2';
// import p3 from '@/views/page/page3/page3';
// import bu from '@/components/button';
import index from '@/components/index';

Vue.use(Router);

export default new Router({
  // 去除#号路径
  mode: 'history',
  routes: [
    {
      path: '/page1',
      name: 'page1',
      component: page1
    }, {
      path: '/page2',
      name: 'page2',
      component: page2
    }, {
      path: '/page3',
      name: 'page3',
      component: page3
    }, {
      path: '/',
      name: 'index',
      component: index
      // children: [
      //   {
      //     path: '/dd',
      //     component: page1
      //   }
      // ]
    }
    // {
    //   path: '/p1',
    //   name: 'p1',
    //   component: p1
    // },
    // {
    //   path: '/p2',
    //   name: 'p2',
    //   component: p2
    // },
    // {
    //   path: '/p3',
    //   name: 'p3',
    //   component: p3
    // },
    // {
    //   path: '/',
    //   redirect: {name: index}
    // },
    // {
    //   path: '/bu',
    //   name: 'bu',
    //   component: bu
    // }
  ]
});
